<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="/common/taglibs.jsp"%>
<html>
<head>
<base target="_self">
<%@include file="/common/ec.jsp"%>
<%@include file="/common/meta.jsp"%>
<title>差旅报销标准列表</title>
</head>
<body>
<div class="x-panel">
  <div class="x-panel-header">城市级别列表</div>
  <div class="x-toolbar">
    <form action="selectTripGrade.do" method="post">
	  <table width="99%">
	    <tr>
	      <td>
			<span style="color: green; font-weight: bold;">标准名称：</span>&nbsp;
			<s:textfield name="model.name" size="20"/>
			&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="color: green; font-weight: bold;">城市名称：</span>&nbsp;
			<s:textfield name="model.citys" size="20"/>
			<input type="submit" value="查询" class="button">
	      </td>
	    </tr>
	  </table>
    </form>
   </div>
   <div class="x-panel-body">
     <div style="margin-left:-3px;" align="center">
     <ec:table items="items" var="item" retrieveRowsCallback="limit" sortRowsCallback="limit"
	   action="selectTripGrade.do" 
	   useAjax="true"
	   doPreload="false"
	   pageSizeList="10,50,100" 
	   editable="false" 
	   sortable="false"
	   rowsDisplayed="10" 
	   generateScript="true" 
	   resizeColWidth="false"
	   classic="false" 
	   width="100%" 
	   height="275px" 
	   minHeight="275"
	   toolbarContent="navigation|pagejump|pagesize|refresh|extend|status">
       <ec:row onclick="selectTripgrade('${item.name}', '${item.subsidy}')">
		<ec:column width="50" property="_o" title="No." value="${GLOBALROWCOUNT}" style="text-align:center" sortable="false"/>
		<ec:column width="150" property="name" title="标准名称" ellipsis="true"/>
		<ec:column width="90" property="subsidy" title="标准" style="text-align:right" ellipsis="true">
			<font color="green"><b>${item.subsidy}</b></font>
		</ec:column>
		<ec:column width="400" property="citys" title="涉及城市" ellipsis="true">
		  <div style="height: auto; margin: 2px;">
		    ${item.citys}
		  </div>
		</ec:column>
	  </ec:row>
    </ec:table>
    </div>
  </div>
</div>
<script type="text/javascript">
	function selectTripgrade(tName, tSubsidy) {
		var tripGrade = new Object();
		tripGrade.name = tName;
		tripGrade.subsidy = tSubsidy;
		window.returnValue = tripGrade;
		window.close();
	}
</script>
</body>
</html>